<template>
  <div id="app">
    <!-- 顶部 -->
    <Header />
    <!-- 中间区域 -->
    <keep-alive>
<router-view class="view" :key="$route.fullPath"/> 
    </keep-alive>

    <!-- 底部播放器 -->
    <Planyer v-show="isShowPlayer" />
  </div>
</template>
<script>
import Header from "@/components/Header";
import Planyer from "@/components/Player";
import { mapState } from "vuex";
export default {
  components: { Header, Planyer },
  computed: {
    ...mapState({
      isShowPlayer: "isShowPlayer",
    }),
  },
  methods: {
    test() {
      console.log(this.$route.path);
      console.log(this.$route);
      console.log(this.$route.path+JSON.stringify(this.$route.query) );
    },
  },
  created(){
  }
};
</script>

<style>
</style>
